<!DOCTYPE html>
<html lang="en" style="height: 100%" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>系统参数维护</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="/css/plugins/morris/morris-0.4.3.min.css">
    <link rel="stylesheet" href="/js/plugins/gritter/jquery.gritter.css">
    <link rel="stylesheet" href="/css/animate.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/plugins/toastr/toastr.min.css">
    <style>
        /*定义类名为.thead-blue的样式*/
        .table .thead-blue th {
            color: #fff;
            background-color: #3195f1;
        }
        /*模态框导致页面偏移问题*/
        .modal-open{
            overflow-y: scroll;
        }

        label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: 700;
            margin-right: 20px;
        }

        .toast-center-center {
            left: 50%;
            top: 35%;
            transform: translate(-50%,-50%);
        }

        .pagination-detail {
            margin-left: 20px;
        }

        .float-e-margins .btn {
            margin-bottom: 0px;
        }

        .modal-title {
            margin-left: 230px;
        }

        #systemParamTable tr {
            text-align: center;
            font-size: 15px;
            font-family: 微软雅黑;
            background-color: seashell;
        }

        #systemParamTable tr:hover {
            background-color: #E6E1DC;
        }

    </style>
</head>
<body>
    <div id="wrapper">
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>系统参数列表</h5>
                            </div>
                            <div class="ibox-content" style="padding: 0">
                                <div id="fixed-table-toolbar" style="padding:0;margin: 0">
                                    <div class="form-group" style="float: right;width: 100%;margin-top: 10px">
                                        <form role="form" class="form-inline">
                                            <div class="form-group" style="margin-top: 5px;margin-left: 20px">
                                                <text><font size="3">系统参数名称: </font></text>
                                                <input type="text" class="form-control" id="systemParamName" placeholder="请输入参数名称">

                                                <text style="margin-left: 10px"><font size="3">系统参数类型: </font></text>
                                                <select class="form-control" id="systemParamType" name="systemParamType" >
                                                    <option value="" selected></option>
                                                    <option value="INT">INT</option>
                                                    <option value="DEC">DEC</option>
                                                    <option value="STR">STR</option>
                                                </select>
                                                <button type="button" class="btn btn-primary" id="search" style="margin-left: 10px">
                                                    <span class="glyphicon glyphicon-search"></span>
                                                </button>
                                                <button type="button" class="btn btn-primary" id="addBtn" style="margin-left: 10px">
                                                    <span class="glyphicon glyphicon-plus"></span>
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <table id="systemParamTable" class="table table-hover table-condensed"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!--新增系统参数时的模态框-->
    <div class="modal fade" id="addModel" aria-labelledby="addModelLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title" id="addModalLabel" style="font-family: 微软雅黑">新增系统参数</h3>
                </div>
                <form id="addFormData" class="form-horizontal">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="control-label col-lg-3">系统参数名称:</label>
                            <div class="col-lg-8">
                                <input type="text" id="addSystemParamName" name="systemParamName" placeholder="" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">系统参数类型:</label>
                            <div class="col-lg-8">
                                <select class="form-control" id="addSystemParamType" name="systemParamType" >
                                    <option value="INT">INT</option>
                                    <option value="DEC">DEC</option>
                                    <option value="STR">STR</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">系统参数值:</label>
                            <div class="col-lg-8">
                                <input type="text" id="addSystemParamValue" name="systemParamValue" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">备注:</label>
                            <div class="col-lg-8">
                                <input type="text" id="addRemark" name="remark" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-default" type="button" data-dismiss="modal">
                            <span class="glyphicon glyphicon-remove"></span>
                        </button>
                        <button class="btn btn-success" type="button" id="addSystemParam">
                            <span class="glyphicon glyphicon-ok"></span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--修改系统参数时的模态框-->
    <div class="modal fade" id="updateModel" aria-labelledby="updateModelLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title" id="updateModalLabel" style="font-family: 微软雅黑">修改系统参数</h3>
                </div>
                <form id="updateFormData" class="form-horizontal">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="control-label col-lg-3">系统参数名称:</label>
                            <div class="col-lg-8">
                                <input type="text" id="updateSystemParamName" class="form-control" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">系统参数类型:</label>
                            <div class="col-lg-8">
                                <input type="text" id="updateSystemParamType" class="form-control" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">系统参数值:</label>
                            <div class="col-lg-8">
                                <input type="text" id="updateSystemParamValue" name="systemParamValue" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">备注:</label>
                            <div class="col-lg-8">
                                <input type="text" id="updateRemark" name="remark" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-default" type="button" data-dismiss="modal">
                            <span class="glyphicon glyphicon-remove"></span>
                        </button>
                        <button class="btn btn-success" type="button" id="updateystemParam">
                            <span class="glyphicon glyphicon-ok"></span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--删除系统参数时的模态框-->
    <div class="modal fade" id="deleteModel" aria-labelledby="deleteModelLabel" aria-hidden="true" style="margin-top: 200px">
        <div class="modal-dialog" style="width: 500px">
            <div class="modal-content">
                <div class="modal-header" style="text-align: center">
                    <h3 id="deleteModalLabel" style="color: red;font-family: 微软雅黑">删除系统参数</h3>
                </div>
                <div class="col-lg-8">
                    <input type="hidden" id="deleteSystemParamName">
                </div>

                <div class="modal-footer">
                    <button class="btn btn-default" type="button" data-dismiss="modal">
                        <span>取消</span>
                    </button>
                    <button class="btn btn-success" type="button" id="deleteSystemParam">
                        <span>确认</span>
                    </button>
                </div>
            </div>
        </div>
    </div>

<script src="/js/jQuery.min.js"></script>
<script src="/js/plugins/toastr/toastr.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/bootstrap/js/bootstrap-editable.js"></script>
<script src="/bootstrap/js/bootstrap-table.min.js"></script>
<script src="/bootstrap/js/bootstrap-table-zh-CN.js"></script>
<script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/js/hplus.js?v=2.2.0"></script>
<script src="/js/plugins/pace/pace.min.js"></script>
<script src="js/index.js"></script>
<script src="/js/systemParam.js"></script>

</body>
</html>
